<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>


<jsp:include page="../template/includes.jsp"></jsp:include>

<link rel="stylesheet" type="text/css" href="../../static/styles/home.css">
<jsp:include page="../fornecedor/editarFornecedor.jsp"></jsp:include>

<div id="selecionar-fornecedor" style="display: none; overflow: hidden">
	<div class="template-cadastro">
		<div style="width: 250px; margin-left: 10px; margin-top: 10px;"> 
			<div style="margin-bottom: 5px;">Fornecedor*</div>
			<input  type="text" id="pesquisar-fornecedor-selecionar" style="height: 20px; width: 250px;">
			<button class="default-button" id="btn-pesquisar-fornecedor-selecionar" style="font-size: 12px; margin-left: 260px; margin-top: -28px; width: 80px;">Pesquisar</button>
		</div>
		
		<div style="margin-left: 50px; margin-top: 50px;" >
			<table id= "grid-fornecedor-selecionar"></table>
		</div>
		
		<div class="popup-buttons-container" style="text-align: center; margin-top: 20px; margin-bottom: 50px;">
			<button class="default-button" id="btn-novo-fornecedor" style="font-size: 12px; margin-right: 10px; width: 80px;">Novo</button>
			<button class="default-button" id="btn-selecionar-fornecedor" style="font-size: 12px; margin-right: 10px; width: 80px;">Selecionar</button>
			<button class="default-button" id="btn-voltar-fornecedor" style="font-size: 12px; width: 80px;">Voltar</button>
		</div>		
		
	</div>
</div>

<script type="text/javascript">

$(document).ready(function(){
			
		$("#selecionar-fornecedor").dialog({modal: true, 
			autoOpen: false,
			title: "Selecionar Fornecedor",
			width: 900,
			resizable: false,
			height: 600
		});
		
		$("#grid-fornecedor-selecionar").jqGrid({
			datatype: "local", 
			colNames:['Codigo','Nome', 'RG', 'CPF', 'Telefone' ,'E-mail'], 
			colModel:[
			{ name: 'idFornecedor', index: 'idfornecedor', width: 50 },
			{ name: 'nome', index: 'nome', width: 100 },
			{ name: 'rg', index: 'rg', width: 100 },
			{ name: 'cpf', index: 'cpf', width: 100 },
			{ name: 'telefone', index: 'telefone', width: 100 },
			{ name: 'email', index: 'email', width: 100 },
			],
			rowNum:10, 
			rowList:[10,20,30], 
			viewrecords: true, 
			width: 650,
			multiselect: false,
			height: 350,
			});
		
		FornecedorController.listarFornecedor({
			callback: function(result)
			{
				$("#grid-fornecedor-selecionar").jqGrid("clearGridData");
				for(var i=0;i<=result.length;i++)
				{
					$("#grid-fornecedor-selecionar").addRowData(i+1,result[i]);
				}
			}
		});
		
		$("#btn-novo-fornecedor").click(function() {
			$("#editar-fornecedor").dialog("open");
		});
		
	$("#btn-selecionar-fornecedor").click(function() {
		var rowidFornecedor = $("#grid-fornecedor-selecionar").jqGrid('getGridParam','selrow');
		var rowData = $("#grid-fornecedor-selecionar").getRowData( rowidFornecedor );
		
		if (rowData.idFornecedor != null) 
		{
			FornecedorController.getFornecedorById( rowData.idFornecedor,{
					callback: function(result){
						
						$("#id-fornecedor-produto").val(result.idFornecedor);
						$("#nome-fornecedor-produto").val(result.nome);
						
						$("#id-fornecedor-compra").val(result.idFornecedor);
						$("#nome-fornecedor-compra").val(result.nome);
					}
				});
			
			$("#selecionar-fornecedor").dialog("close");
		}
		
	});

	$("#btn-voltar-fornecedor").click(function() {
		$("#selecionar-fornecedor").dialog("close");
	});
	
	$("#btn-pesquisar-fornecedor-selecionar").click(function() {
		
		if( $("#pesquisar-fornecedor-selecionar").val() == "")
		{
			$("#grid-fornecedor-selecionar").jqGrid('clearGridData');
			 
			 FornecedorController.listarFornecedor({
					callback: function(result)
					{
						for(var i=0;i<=result.length;i++)
						{
							$("#grid-fornecedor-selecionar").addRowData(i+1,result[i]);
						}
					}
			});
		}
		else
		{
			$("#grid-fornecedor-selecionar").jqGrid('clearGridData');
			 
			 FornecedorController.listarFornecedor({
					callback: function(result)
					{
						for(var i=0;i<=result.length;i++)
						{
							if( $("#pesquisar-fornecedor-selecionar").val() == result[i].fornecedor)
							{
								$("#grid-fornecedor-selecionar").addRowData(i+1,result[i]);
							}
						}
					}
			});
		}
	});
	
});
		
		
	</script>
	
	
